@charset "utf-8";
/* css document */

*{ margin:0; padding:0 }
html,body{height:100%; font-size:14px; overflow:auto }
body,h1,h2,h3,h4,h5,p,dd,ul,dl{margin:0; font-weight:normal}
body{font-size:14px; overflow:hidden;font-family:verdana,"microsoft yahei",helvetica,sans-serif;color:#656d78;}
ul{padding-left:0;list-style-type:none}
i, em{font-style:normal}
a{ color:#333}
a, img{border:0;vertical-align:middle; -webkit-touch-callout: none; text-decoration:none; border:none }
ul, ol { list-style:none }
li{ list-style:none; }
select{-webkit-appearance: none; border-radius:none;}
table{ border-collapse:collapse }
table td, table th{ border:none}
b{ font-weight:normal}
input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
}
button, input{ border:none; font-family:verdana,"microsoft yahei",helvetica,sans-serif; }
a{ font-size:14px}
select:focus, textarea:focus, .base_text:focus, .new_base_text:focus{ box-shadow:0 0 10px rgba(9,112,178,0.5); transition: all 0.5s ease 0s; border:1px solid #0970b2  }
button:hover{ transition: all 0.5s ease 0s; }
*:focus {outline: none;}

body{perspective: 340px;background:url(../images/login_bg.jpg) no-repeat center center #235fc2; background-size: cover;}



/*--login-beg--*/
.login-box{ overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; z-index:4;   }
.login-info{ height: 230px; left: 50%; margin: -115px auto 0 -390px; position: absolute;  top: 50%; width: 780px; text-align:center}
.login-info h1{ margin-bottom:60px; position:relative }
.footer{ position:absolute; left:0; bottom:6%; width:100%; text-align: center; color:#89acda; z-index:5;}
.footer a{ color:#89acda}

.login-form{ background:url(../images/login_form.png) no-repeat center center; width:790px; height:80px; position; resize:; }
form { position:relative; top:20px; }
form .row{ display:inline-block; margin:0 10px; }
form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  background-color: #f2f5f8;
  width: 260px;
  border-radius: 20px;
  height:36px;
  margin: 0 auto 10px auto;
  display: block;
  text-align: left;
  font-size: 14px;
  text-indent:50px;
  color: #333;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  font-weight: 300;
}
form input:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
form input:focus {
  border: rgba(255, 255, 255, 0.9);
  width:280px;
  color: #07244f;
}
form button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  background-color: #3fb1d7;
  border: 0;
  padding: 10px 15px;
  color: #000000;
  border-radius: 3px;
  width: 300px;
  cursor: pointer;
  font-size: 18px;
  background: #f19a1d;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
#username{  background-image:url(../images/username.png); background-repeat:no-repeat; background-position:20px center}
#password{  background-image:url(../images/password.png); background-repeat:no-repeat; background-position:20px center}
form input.btn-submit{ background:url(../images/btn-submit.png) no-repeat center center; width:129px; height:36px; border:none; cursor:pointer; text-indent:300px; overflow:hidden }

.home-link{ position:absolute; left:50%; top:60%; width:1000px; height:560px; margin-left:-500px; margin-top:-280px; text-align:center; z-index:5 }
.home-link li{ display:inline-block; margin:0 60px;  position:relative; opacity:0; border-radius:10px }
.home-link li:nth-child(1){ left:-100px; }
.home-link li:nth-child(2){ right:-100px; }
.home-link li:hover{ box-shadow:1px 1px 10px rgba(97,254,254,0.5);-webkit-transition-duration: 0.25s; transition-duration: 0.25s;
-ms-transform:translate3d(2px, -15px, 10px); /* IE 9 */
-moz-transform:translate3d(2px, -15px, 10px); /* Firefox */
-webkit-transform:translate3d(2px, -10px, 10px); /* Safari 鍜� Chrome */
-o-transform:translate3d(2px, -10px, 10px); }
.home-link h3{ margin-bottom:80px; height:60px; }
.home-link h3 img{ height:0; opacity:0; }

.top-link{ position:absolute; right:5%; top:5%; z-index:5; text-align:center; color:#bfd8fd; }
.top-link span{ margin-right:-10px; display:inline-block; height:18px; line-height:18px; float:left}
.top-link span.line{ margin-right:20px; }
.top-link a{ color:#bfd8fd; margin:0 20px; display:inline-block; height:18px; min-width:16px; float:left}
.top-link a.user{ background:url(../images/icon-user.png) no-repeat left center; padding-left:20px; }
.top-link a.out{ background:url(../images/icon-out.png) no-repeat left center;  }




  .stars {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    z-index:2;
    opacity:0.8;
    box-shadow: -447px 387px #3fb1d7 , -401px 118px #40c5eb, -109px 217px #55fafd, -680px -436px #3fb1d7, 514px 360px #3fb1d7, -708px 298px #98f7fd, -696px -270px #2995e0, 116px -128px #3fb1d7, 179px 35px #3fb1d7, -404px -90px #18c4e7, -331px -309px #3fb1d7, -363px -24px #20a8ee, 277px 416px #40c5eb, -145px -244px #18c4e7, 123px 62px #3fb1d7, -407px 418px #55fafd, 535px 237px #55fafd, -466px -78px #3fb1d7, 257px 287px #3fb1d7, 327px -398px #41f9fd, -602px -38px #20a8ee, 128px 398px #3fb1d7, 274px -446px #20a8ee, -602px -298px #20a8ee, 526px -5px #3fb1d7, -90px -158px #3fb1d7, 5px 294px #18c4e7, -633px 229px #3fb1d7, -475px 427px #3fb1d7, 586px -453px #20a8ee, 180px -432px #20a8ee, -637px -88px #20a8ee, -453px 308px #98f7fd, -111px 1px #55fafd, 573px -450px #2995e0, 198px 300px #98f7fd, -355px 166px #3fb1d7, -715px 13px #3fb1d7, 262px -104px #20a8ee, 147px 325px #20a8ee, 1px 399px #20a8ee, 286px -100px #3fb1d7, 43px -329px #98f7fd, 617px 55px #55fafd, -168px -392px #3fb1d7, 84px 219px #3fb1d7, 507px -226px #55fafd, -327px -70px #3fb1d7, 386px -212px #3fb1d7, -717px 4px #20a8ee, 502px -231px #3fb1d7, 302px 56px #2995e0, 649px 341px #20a8ee, 569px 350px #3fb1d7, 516px -31px #3fb1d7, 689px 447px #20a8ee, 591px -206px #40c5eb, 422px -137px #3fb1d7, -510px -324px #3fb1d7, -649px 287px #20a8ee, -194px -48px #3fb1d7, -279px -329px #20a8ee, -406px 478px #20a8ee, -735px -87px #3fb1d7, 30px -197px #3fb1d7, -564px 233px #3fb1d7, -486px -324px #2995e0, -54px -7px #2995e0, -441px -194px #3fb1d7, -133px -95px #41f9fd, -722px -73px #98f7fd, 595px 423px #2995e0, 568px -39px #2995e0, 370px 377px #20a8ee, -419px -102px #3fb1d7, -450px 109px #3fb1d7, -57px -119px #20a8ee, -582px 150px #3fb1d7, 206px -263px #20a8ee, 582px -461px #3fb1d7, -268px -141px #55fafd, -148px 291px #20a8ee, 254px -179px #3fb1d7, 725px 424px #20a8ee, 391px -150px #20a8ee, 89px -299px #3fb1d7, 170px 1px #3fb1d7, 243px 209px #20a8ee, 27px 460px #3fb1d7, -465px -380px #3fb1d7, 530px -360px #18c4e7, -626px 53px #41f9fd, 706px 218px #55fafd, 40px -82px #3fb1d7, -5px -212px #3fb1d7, -742px 33px #20a8ee, -714px 478px #41f9fd, -585px -125px #3fb1d7, -216px 348px #20a8ee, 601px 332px #2995e0, 344px -88px #3fb1d7, 659px -22px #20a8ee, -411px 188px #98f7fd, -423px -206px #3fb1d7, -359px -136px #20a8ee, 612px 406px #18c4e7, 725px 96px #18c4e7, 363px -446px #3fb1d7, -204px 325px #3fb1d7, 740px 176px #40c5eb, -489px -352px #3fb1d7, -638px 64px #20a8ee, 537px -65px #20a8ee, 151px -32px #20a8ee, 681px 212px #3fb1d7, 604px -149px #3fb1d7, -542px -398px #3fb1d7, -707px 66px #18c4e7, -381px 258px #20a8ee, -30px 332px #98f7fd, 512px -381px #3fb1d7, 195px 288px #3fb1d7, -278px 479px #20a8ee, 27px -208px #98f7fd, -288px 15px #3fb1d7, -680px 248px #3fb1d7, 433px 31px #3fb1d7, 150px -206px #3fb1d7, -79px 247px #3fb1d7, -594px 115px #41f9fd, 99px 292px #41f9fd, 673px -269px #3fb1d7, -257px -64px #20a8ee, 449px 81px #20a8ee, 18px -99px #20a8ee, -694px 415px #3fb1d7, 240px 264px #41f9fd, 450px -172px #3fb1d7, 383px 7px #98f7fd, 338px -73px #3fb1d7, 291px -19px #20a8ee, 659px 137px #20a8ee, 602px -6px #3fb1d7, 554px 249px #20a8ee, 625px 356px #55fafd, 579px -183px #98f7fd, -20px 250px #3fb1d7, -401px 431px #3fb1d7, -645px -232px #3fb1d7, -265px -148px #3fb1d7, 553px 258px #20a8ee, 166px -360px #20a8ee, 719px 51px #2995e0, 612px -129px #20a8ee, -465px -104px #20a8ee, -154px -121px #55fafd, -1px 330px #20a8ee, -666px 248px #3fb1d7, -720px 264px #2995e0, 148px -365px #3fb1d7, -388px -349px #3fb1d7, 128px -88px #3fb1d7, -683px -274px #40c5eb, -341px 41px #3fb1d7, -59px -471px #20a8ee, -3px -427px #20a8ee, 418px 167px #98f7fd, 343px 247px #20a8ee, 623px -347px #20a8ee, 716px -217px #3fb1d7, 243px -409px #18c4e7, -75px -126px #98f7fd, -730px -91px #3fb1d7, -210px -397px #20a8ee, -349px 180px #3fb1d7, -567px -281px #41f9fd, -460px 381px #3fb1d7, -310px -22px #2995e0, 450px -1px #20a8ee, -405px -328px #3fb1d7, 5px 332px #98f7fd, -294px 302px #3fb1d7, -398px 97px #18c4e7, -696px 325px #20a8ee, -589px 110px #98f7fd, 353px -411px #20a8ee, -697px -318px #20a8ee, -114px -72px #20a8ee, 259px -193px #3fb1d7, 60px 26px #3fb1d7, -63px -232px #3fb1d7, 205px -372px #3fb1d7, -464px -333px #20a8ee, -374px 123px #3fb1d7, -377px -386px #20a8ee, -80px 337px #3fb1d7, 478px -178px #20a8ee, 222px 420px #20a8ee, -707px 99px #3fb1d7, 716px -132px #40c5eb, -253px -286px #3fb1d7, 646px 178px #20a8ee, 201px 24px #20a8ee, 178px -58px #20a8ee, -557px 368px #2995e0, 0px 219px #55fafd, -266px -269px #3fb1d7, 242px -197px #3fb1d7, -419px 193px #20a8ee, -47px 91px #20a8ee, -109px 75px #20a8ee, -146px -453px #98f7fd, 671px -350px #20a8ee, 421px -91px #55fafd, 738px 19px #2995e0, -316px -155px #3fb1d7, 419px 244px #3fb1d7, -278px -418px #98f7fd, -581px -181px #3fb1d7, 139px 264px #55fafd, 691px -11px #20a8ee, -622px 402px #20a8ee, 219px 396px #20a8ee, -149px -423px #3fb1d7, -716px -78px #55fafd, -590px 341px #3fb1d7, -208px 79px #98f7fd, -227px -24px #3fb1d7, 239px 262px #20a8ee, 740px 443px #3fb1d7, 509px 134px #98f7fd, -555px 232px #98f7fd, -67px -427px #20a8ee, -368px 250px #3fb1d7, 715px -415px #40c5eb, 411px -301px #20a8ee, -322px 287px #55fafd, -429px -90px #20a8ee, -327px -387px #20a8ee, -491px 183px #20a8ee, -133px 250px #3fb1d7, 538px 139px #3fb1d7, -417px -125px #20a8ee, 653px -351px #3fb1d7, -549px 38px #3fb1d7, 602px 110px #18c4e7, 415px 105px #41f9fd, -733px -371px #20a8ee, 286px 403px #3fb1d7, 11px 320px #3fb1d7, -597px 158px #18c4e7, 716px -350px #18c4e7, 321px 67px #40c5eb, -237px -300px #20a8ee, 74px 152px #3fb1d7, 587px -123px #3fb1d7, 699px -332px #18c4e7, 399px 355px #3fb1d7, -323px 314px #20a8ee, 89px 416px #20a8ee, 445px 38px #3fb1d7, 572px 122px #3fb1d7, -258px 372px #3fb1d7, 49px 306px #55fafd, 437px -35px #3fb1d7, 566px 174px #20a8ee, 732px -299px #18c4e7, -410px 394px #2995e0, 131px -415px #3fb1d7, 19px -326px #98f7fd, -700px -188px #20a8ee, 96px -1px #41f9fd, -328px -396px #20a8ee, -117px -214px #3fb1d7, -53px 261px #20a8ee, 80px 134px #98f7fd, -364px -216px #3fb1d7, -636px -125px #20a8ee, -639px -265px #3fb1d7, 208px 98px #20a8ee, 172px 467px #41f9fd, 435px 309px #3fb1d7, 194px -259px #20a8ee, 209px -186px #3fb1d7, -312px 418px #40c5eb, 229px 407px #3fb1d7, -449px -357px #40c5eb, 674px 121px #98f7fd, 608px -429px #20a8ee, -431px -428px #20a8ee, 105px 462px #3fb1d7, -179px -372px #3fb1d7, 143px -317px #98f7fd, -449px -149px #40c5eb, -544px 250px #3fb1d7, -220px -323px #18c4e7, 658px 8px #18c4e7, -656px -244px #98f7fd, 347px 11px #18c4e7, 694px -230px #3fb1d7, -317px 1px #3fb1d7, 28px 23px #3fb1d7, -382px 321px #20a8ee, 632px -74px #3fb1d7, 154px -245px #20a8ee, -553px 337px #98f7fd, -48px -243px #20a8ee, 92px -391px #3fb1d7, -71px -256px #20a8ee, -372px 57px #55fafd, 369px -140px #3fb1d7, 675px 81px #20a8ee, -663px 254px #3fb1d7, 703px -203px #2995e0, 74px -363px #20a8ee, 643px -458px #20a8ee, 198px 359px #3fb1d7, 265px 309px #3fb1d7, -353px -368px #98f7fd, -465px 439px #18c4e7, 693px 360px #3fb1d7, 634px -397px #20a8ee, 467px 25px #18c4e7, -558px -272px #3fb1d7, 671px 69px #20a8ee, 407px 357px #20a8ee, 379px 80px #3fb1d7, 10px -203px #3fb1d7, 104px -292px #20a8ee, -667px -29px #20a8ee, 557px -155px #3fb1d7, -505px 115px #20a8ee, -605px 164px #20a8ee, -108px -223px #41f9fd, 523px -156px #20a8ee, 691px 230px #3fb1d7, -507px -13px #20a8ee, -349px 332px #3fb1d7, 520px 266px #18c4e7, -66px -250px #3fb1d7, -496px -449px #20a8ee, 414px -170px #3fb1d7, -649px 230px #20a8ee, 598px -92px #20a8ee, -638px 113px #20a8ee, 151px 363px #3fb1d7, -445px -241px #20a8ee, 527px -14px #3fb1d7, 203px -61px #20a8ee, -716px -284px #20a8ee, -525px 134px #20a8ee;
    animation: fly  8s linear infinite;
    transform-style: preserve-3d;
  }
  .stars:before, .stars:after {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    box-shadow: inherit;
  }
  .stars:before {
    transform: translateZ(-300px);
    opacity: .6;
  }
  .stars:after {
    transform: translateZ(-600px);
    opacity: .4;
  }
  .stars-delay{animation-delay:4s; -webkit-animation-delay:4s; }
  @keyframes fly {
    from {
      transform: translateZ(0px);
      opacity: .4;
    }
    to {
      transform: translateZ(300px);
      opacity: 1;
    }
  }

